Ext.onReady(function(){
    // second tabs built from JS
    var home_page = new Ext.TabPanel({
        renderTo: 'top_level_tabs',
        activeTab: 0,
        width: '85%',
        height: 800,
        plain:true,
        defaults:{autoScroll: true},
        items:[{
                title: 'DevInt',
				cls: 'inner-tab-custom', // custom styles in layout-browser.css
				//layout: 'border',
                // Make sure IE can still calculate dimensions after a resize when the tab is not active.
                // With display mode, if the tab is rendered but hidden, IE will mess up the layout on show:
                hideMode: Ext.isIE ? 'offsets' : 'display',
				items: [{
					title: 'Grouping',
					region: 'left',
					collapsible: true,
					width: 150,
					minSize: 100,
					maxSize: 350,
					margins: '5 0 5 5',
					cmargins: '5 5 5 5',
					html: 'Future list of groups',
					bodyStyle:'padding:10px;',
					split: true
				},{
					xtype: 'tabpanel',
					region: 'center',
					margins: '5 5 5 0',
					tabPosition: 'bottom',
					activeTab: 0,
					items: [{
						// Panels that are used as tabs do not have title bars since the tab
						// itself is the title container.  If you want to have a full title
						// bar within a tab, you can easily nest another panel within the tab
						// with layout:'fit' to acheive that:
						title: 'First Tab',
						layout: 'fit',
							items: {
								title: 'First Content',
								bodyStyle:'padding:10px;',
								border: false,
								html: 'First Set of Content'
							}
						},{
						// Panels that are used as tabs do not have title bars since the tab
						// itself is the title container.  If you want to have a full title
						// bar within a tab, you can easily nest another panel within the tab
						// with layout:'fit' to acheive that:
						title: 'Second tab',
						layout: 'fit',
							items: {
								title: 'Second Content',
								bodyStyle:'padding:10px;',
								border: false,
								html: 'Second Set of Content'
								}
						}]
           		}]
           },{
                title: 'QA/Test',
                autoLoad:'temp_files/qa.html'
            },{
                title: 'Stage',
                //autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
                autoLoad:'temp_files/stage.html'
            },{
                title: 'Prod',
 				autoLoad:'temp_files/prod.html'
             },{
                title: 'Administration',
                 autoLoad:'ajax1.htm',
                 disabled:true
            }
        ]
    });
});